@extends('master') @section('content')
<div class="uploader" id="uploader">
    <div class="container photo-container">
        <div class="row active-photo-wrap">
            <div class="loading-progress">
                <div class="progress">
                    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                        <span class="sr-only">0% Complete</span>
                    </div>
                </div>
            </div>
            <div class="finish-progress">
                <div class="progress">
                    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                        <span class="sr-only">0% Complete</span>
                    </div>
                </div>
            </div>
            <div class="drag-info" id="drag-and-drop-zone">
                <h1>把图片直接拖进此区域或点击上传按钮</h1>
                <div class="action_buttons">
                    <a class="btn btn-info" href="#"><i class="glyphicon glyphicon-picture"></i> 选择照片
                        <input type="file" id="uploadimage" name="files[]" multiple="multiple" title="Click to add Files">
                    </a>
                </div>
            </div>
            <div class="active-photo" style="display: none;">
                <div class="photo-preview">

                </div>
            </div>
        </div>
        <div class="row">
            <div class="photo-reel pull-left" style="display: none;">
                <div class="photos">
                    <ul>
                    </ul>
                </div>
            </div>
            <div class="photo-actions pull-right">
                <!--
                <input type="button" class="btn btn-default" value="删除">
                <input type="button" class="btn btn-success" value="保存并继续">
                -->
                <input type="button" class="btn btn-info" value="完成上传">
            </div>
        </div>


    </div>
    <div class="edit-container">

    </div>
</div>

<div id="templete">
    <form class="form-horizontal picture-info-edit" role="form" style="display:none">
        <div class="photo-details">
            <div class="container clearfix">
                <div class="exif">
                    <h4>标题<span class="label label-info syncUploadInfo">同步信息到本组图片</span></h4>

                    <div class="photo-title">
                        <input id="photo-name" class="form-control" name="name" placeholder="相片标题信息..." type="text">
                    </div>

                    <div class="photo-category">
                        <h4 class="disabled">分类</h4>
                        <select id="photo-category" class="form-control" name="category">
                            <option value="1">未分类</option>
                            {{ $renderCategories }}
                        </select>
                    </div>
                    <div class="photo-exif">
                        <h4>Exif</h4>
                        <div class="metadata">
                            <div class="labels">
                                <div class="row">
                                    <div class="col-sm-5 text-right">Camera :</div>
                                    <div class="col-sm-7" id="photo-camera">

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-5 text-right">Lens :</div>
                                    <div class="col-sm-7" id="photo-lens">

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-5 text-right">Focal Length :</div>
                                    <div class="col-sm-7" id="photo-focal_length">

                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-sm-5 text-right">Shutter Speed :</div>
                                    <div class="col-sm-7" id="photo-shutter_speed">

                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-sm-5 text-right">Aperture :</div>
                                    <div class="col-sm-7" id="photo-aperture">

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-5 text-right">ISO :</div>
                                    <div class="col-sm-7" id="photo-iso">

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-5 text-right">Taken :</div>
                                    <div class="col-sm-7" id="photo-taken_at">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="description">
                    <div class="description-field">
                        <h4>描述</h4>
                        <textarea id="photo-description" rows="5" class="form-control" name="description" placeholder="填写相片描述信息"></textarea>
                    </div>

                    <div class="license-select">
                        <h4>授权</h4>
                        <div class="license-icon icons-licenses_0"></div>
                        <select id="photo-license_type" class="form-control" name="license_type">
                            <option value="1">授权给中国自然影像库</option>
                            <option value="2">不进行授权</option>
                        </select>
                    </div>
                    <div class="tag-textfield">
                        <h4>标签</h4>
                        <input id="photo-tags" class="form-control" name="tags" placeholder="填写标签，以逗号分割" type="text">

                    </div>
                </div>
                <div class="map">
                    <div class="discoverability">
                        <h4>信息完整性</h4>
                        <p>添加更多的照片信息，以提高您照片的曝光度。</p>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
                                45%
                            </div>
                        </div>
                    </div>
                    <div class="adult_fresh_wrap clearfix">
                        <div class="fresh_qualification_wrap">
                            <div class="fresh_details_wrap">
                                <div class="fresh_checklist">
                                    <div class="fresh_item_wrap">
                                        <div class="fresh_checkmark checked" id="title">
                                            <i class="glyphicon glyphicon-ok"></i>
                                        </div>
                                        <label>标题</label>
                                    </div>
                                    <div class="fresh_item_wrap">
                                        <div class="fresh_checkmark" id="category">
                                            <i class="glyphicon glyphicon-ok"></i>
                                        </div>
                                        <label>分类</label>
                                    </div>
                                    <div class="fresh_item_wrap">
                                        <div class="fresh_checkmark" id="tags">
                                            <i class="glyphicon glyphicon-ok"></i>
                                        </div>
                                        <label>3 标签</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="price" id="price-change">
                            <h4>定价</h4>
                            <div class="price-area">
                                <div class="col-sm-6">
                                    <select class="form-control col-sm-6">
                                        <option value="0">免费提供</option>
                                        <option value="30">A类定价（30元）</option>
                                        <option value="60">B类定价（60元）</option>
                                        <option value="90">C类定价（90元）</option>
                                        <option value="100">自定义</option>
                                    </select>
                                </div>

                                <div class="form-group col-sm-6">
                                    <div class="input-group">
                                        <div class="input-group-addon">¥</div>
                                        <input class="form-control" name="price" type="text" placeholder="00" value="0">
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </form>
</div>


@stop




